草庐IT

CSS 文本格式

全部标签

javascript/jquery - 如何获取尚未添加到 dom 的元素/css 类的宽度

我正在尝试动态查找具有特定宽度的css类的元素的宽度,以便动态定位其背景图像(Sprite)。但是,该元素尚未添加到DOM。有没有办法在将类添加到DOM之前读取类的宽度属性? 最佳答案 我相信你做不到。而是将其添加到测试div,找到宽度,然后删除div。$selector.append("");varwidthVal=$selector.find("#test").width();$("#test").remove();selector是您可能想要附加到的元素选择器。您可以将一个类与“test”div相关联,使其显示为“displa

javascript - 将文本换行以适合矩形 : raphael

任何人都知道可以在单词边界处打断文本以适应矩形的函数矩形和文字的代码如下window.onload=function(){varoutsideRectX1=30,outsideRectY1=30,outsideRectX2=220,outsideRectY2=480,outsideRectR=10;vargroup=paper.set();varrect1=paper.rect(outsideRectX1+40,outsideRectY1+70,80,40,10);vartext3=paper.text(outsideRectX1+75,outsideRectY1+85,"Testco

javascript - 强制 RequireJS 文本!重新加载

使用文字!插件,有没有办法强制RequireJS重新加载文件而不是返回缓存数据? 最佳答案 RequireJS只会缓存每个请求的文件。页面重新加载将再次获取它。如果您看到不同的东西,那是因为:您的服务器上有缓存。或者您的浏览器缓存请求。您当然可以在浏览器上禁用此功能。如果您希望浏览器每次都获取一个干净的文件,您应该在您的服务器上为这些资源设置一个无缓存header。 关于javascript-强制RequireJS文本!重新加载,我们在StackOverflow上找到一个类似的问题:

Javascript DOM,获取节点文本而不丢失间距信息

我正在使用javascript并想遍历HTML树,获取所有显示给用户的文本。但是,我丢失了间距信息。假设我有两个文档:XXXYYYYXXXYY   YY第一个将出现在Y之间有1个空格。第二个将有3个空格。但是,如果我遍历树并为每个#text节点使用:text=node.nodeValue;然后两个节点的文本将有3个空格。我不再知道哪个有“真正的”nbsp空间。我可以将node.innerHTML用于p元素,这将显示nbsp,但我不认为我可以使用innerHTML来获取XXX文本(没有某种文本减法)。我可以获得整个文档的innerHTML并解析它。但是,我还

javascript - 能否设置 Eclipse Javascript 格式化程序以符合 JSLint 规范?

我似乎无法配置EclipseJavascript格式化选项,以便它生成JSLint不会提示的标记-主要是当JSLint上未设置“容忍草率空白”选项时的空白设置。可以这样配置吗?例如,JSLint期望函数声明的间隔如下所示:function(){}functionfoo(){}但我只能获取设置来生成:function(){}functionfoo(){}或function(){}functionfoo(){}或者是否有一个轻量级的编辑器/IDE可以格式化我的javascript代码以创建满足JSLint突发奇想的标记? 最佳答案 尝试

javascript - CSS/HTML5 :hover state remains after drag and drop

我正在使用html5的拖放功能在屏幕上重新排列dom元素-我在执行此操作时将css行为附加到拖放的各种状态,但我遇到的问题是悬停状态保持均匀在我拖放和鼠标移出DOM元素之后。这是我的代码:JavaScript:functionaddDragListeners(){$('.segmentListItem').each(function(index){$(this)[0].addEventListener('dragstart',handleDragStart,false);//rolloverforcurrent$(this)[0].addEventListener('drop',han

javascript - MSIE9 -- 当同时调整宽度和填充的 CSS 时,输入/文本区域中的文本不服从当前填充

我有一个简单的脚本,可以分别在focus/blur的文本区域/输入中添加和删除padding-left。这是为了在字段左侧为一个绝对定位的小按钮腾出空间,而不会阻挡其下方的文本。[编辑]它还同时更改元素的宽度,以保持block的总大小一致。在几乎所有浏览器中,这都工作得很好,但MSIE9除外。[编辑]尽管框保持相同大小,表明两个属性的CSS已正确更新,但输入/文本区域中的文本表现得好像填充没有改变。我知道focus/blur事件的回调会正确触发和更新DOM对象的样式属性,因为获取属性的当前值总是会为您提供预期的值。即varfield=$(field);field.css({'paddi

javascript - 调整大小的 CSS 调整大小句柄 : both property

我正在使用CSS3属性:resize:both;overflow:none;这会在元素的右下角放置一个调整大小的handle。我的第一个问题是:我可以使用这个CSS属性在元素上放置其他句柄吗?即我可以在右边缘放置一个handle吗?我知道这并不总是有效,除非元素是绝对定位的。第二个问题是:我可以将handle的样式设置为更适合我的应用程序吗?我不能使用可调整大小的jQuery;我用我正在尝试做的事情(CKEditor中的Div)对其进行了测试,但它不起作用。如果没有人能解决上述问题,也许可以使用替代插件? 最佳答案 看看这个帖子也是

javascript - 修复了移动 safari 网站上带有文本字段的标题

我已经四处寻找了一段时间,但似乎找不到解决此问题的方法。当输入字段在移动safari中获得焦点时(尚未检查其他浏览器),由于safari将该元素置于View中(靠近中心),固定元素将跳转。该错误仅在用户滚动时发生,如果用户仍位于页面顶部,则不会发生任何事情。前后截图有没有人知道如何解决这个问题?我遇到的唯一解决方案是在聚焦时滚动回顶部,然后在模糊时滚动回原位……这似乎是一个非常草率的解决方案。这是屏幕截图中的示例站点,非常基本,没有任何异常。MySitebody{height:100%;width:100%;padding:0;margin:0;font-size:16px;font-

javascript - Ajax 响应后无法重新触发 CSS 3 动画

这是一个HTML表单:Username:Password:这里是调用的JavaScript函数的相关代码if(xmlhttp.readyState==4&&xmlhttp.status==200){if(xmlhttp.responseText)document.getElementById("loginForm").submit()else{document.getElementById("report").style.webkitAnimationName="";setTimeout(function(){document.getElementById("report").styl